<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript">

    function grabar(){
       
        var jerObjFin=document.getElementById("txtJerObjFin").value;
        var fuentefin=document.getElementById("txtFueInfFin").value;
        var supuFin=document.getElementById("txtSupuFin").value;
        var presupFin=document.getElementById("montot").value;
        var codPrograma=document.getElementById("codPrograma").value;
        var opcion=document.getElementById("opcion").value;
        var codUpdate=document.getElementById("codUpdate").value;
             
        var idDiv = "divTabla";
        var metodo = "GET";
        var url = "consultasAjax/listarProgInvCAjax.jsp?jerObjFin="+jerObjFin+"&fuentefin="+fuentefin+"&supuFin="+supuFin+"&codPrograma="+codPrograma+"&opcion="+opcion+"&codUpdate="+codUpdate+"&presupFin="+presupFin;

        var cadenaSalida = "";
        var async = true;
               
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        document.getElementById("Insertar").value="Grabar";
        // alert(codUpdate);
               
        setControls();
               
    }

    function editar(CODPRG,FIN_DESC_PRG,FIN_FUENTE_PRG,FIN_SUPUESTO_PRG,FIN_PRESUPUESTO_PRG){
        // alert(CODPRG);
        document.getElementById("Insertar").value="Editar";

        document.getElementById("txtJerObjFin").value=FIN_DESC_PRG;
        document.getElementById("txtFueInfFin").value=FIN_FUENTE_PRG;
        document.getElementById("txtSupuFin").value=FIN_SUPUESTO_PRG;
        document.getElementById("montot").value=FIN_PRESUPUESTO_PRG;
        document.getElementById("codUpdate").value=CODPRG;
        document.getElementById("opcion").value=2;

    }

    function confirmAction(){
        if (confirm("Se borrara el componente   y la meta  del registro seleccionado  \n ¿Esta seguro de continuar? "))
            return true;
        else return false;
    }
    function eliminar(CODPRG){
        if (confirmAction()==false) return;

        document.getElementById("txtJerObjFin").value="";
        document.getElementById("txtFueInfFin").value="";
        document.getElementById("txtSupuFin").value="";
        document.getElementById("montot").value=0;
        document.getElementById("codUpdate").value=CODPRG;
        document.getElementById("opcion").value=3;
        //document.getElementById("codPrograma").value=0;

        grabar();

    }

    function validar(){


        var monto=document.getElementById("montot").value;



var parte=monto.substr((parseInt(monto.length)-1),(parseInt(monto.length)-1));

if(parte=="."){
    alert("Numero mal formado");
    document.getElementById("montot").focus();
            return;
}

var parte2=monto.substr(12,12);
if(parte2==1||parte2==2||parte2==3||parte2==4||parte2==5||parte2==6||parte2==7||parte2==8||parte2==9){
    alert("Numero mal formado");
    document.getElementById("montot").focus();
            return;
}

var parte3=monto.substr(12,12);
if(parte3==0&&(parseInt(monto.length)-1)==12){
    alert("Numero mal formado");
    document.getElementById("montot").focus();
            return;
}

        if (document.getElementById("txtJerObjFin").value=="" ||document.getElementById("txtJerObjFin").value==null)
        {
            document.getElementById("txtJerObjFin").focus();
            alert("Ingrese Jerarquia Objetos ");
            return;
        }

        if (document.getElementById("txtFueInfFin").value=="" ||document.getElementById("txtFueInfFin").value==null)
        {
            alert("Ingrese Fuente ");
            document.getElementById("txtFueInfFin").focus();
            return;
        }

        if (document.getElementById("txtSupuFin").value=="" ||document.getElementById("txtSupuFin").value==null)
        {
            document.getElementById("txtSupuFin").focus();
            alert("Ingrese Supuesto ");
            return;
        }
        
        grabar();
    }

    function setControls(){

        document.getElementById("txtJerObjFin").value="";
        document.getElementById("txtFueInfFin").value="";
        document.getElementById("txtSupuFin").value="";
        document.getElementById("montot").value="";
        //document.getElementById("codPrograma").value;
        document.getElementById("opcion").value=1;
        document.getElementById("codUpdate").value=0;

    }


    function autoCompletarDiv(metodo,url,cadena,async,idDiv)
    {
        if( window.XMLHttpRequest )
            ajax = new XMLHttpRequest();
        else
            ajax = new ActiveXObject("Microsoft.XMLHTTP");
        ELEMENT_DIV = idDiv;
        ajax.onreadystatechange = funcionCallbackVerDiv;
        ajax.open( metodo, url, async);
        ajax.send(cadena);
    }

    function funcionCallbackVerDiv()
    {
        if( ajax.readyState == 4 )
        {
            if( ajax.status == 200 )
            {
                document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
            }
        }
    }


    function meta(cod,desc){
         
        var descPrograma=document.getElementById("titu_programa").value;
        var form = document.getElementById("ProgEstrForm");
        //form.codObj.value = codigo;
        //form.descObj.value = desc;
            
        form.action="ProgEstra.do?dispatch=loadComponenteMetaI&cod="+cod+"&desc="+desc+"&descPrograma="+descPrograma;
        form.method="post";
        form.submit();
    }

    function rubro(cod,desc){

        var descPrograma=document.getElementById("titu_programa").value;
        var form = document.getElementById("ProgEstrForm");
        //form.codObj.value = codigo;
        //form.descObj.value = desc;

        form.action="ProgEstra.do?dispatch=loadComponenteRubroI&cod="+cod+"&desc="+desc+"&descPrograma="+descPrograma;
        form.method="post";
        form.submit();
    }


    function regresar(){

        var form = document.getElementById("ProgEstrForm");
        form.action="ProgEstra.do?dispatch=listarProyectosdeInversion";

        form.method="post";

        form.submit();

    }

    function listar(){

        var jerObjFin="";
        var fuentefin="";
        var supuFin="";
        var presupFin=0;
        var codPrograma=document.getElementById("codPrograma").value;
        var opcion=0;
        var codUpdate=0;

        var idDiv = "divTabla";
        var metodo = "GET";
        var url = "consultasAjax/listarProgInvCAjax.jsp?jerObjFin="+jerObjFin+"&fuentefin="+fuentefin+"&supuFin="+supuFin+"&codPrograma="+codPrograma+"&opcion="+opcion+"&codUpdate="+codUpdate+"&presupFin="+presupFin;
        var cadenaSalida = "";
        var async = true;

        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        document.getElementById("Insertar").value="Grabar";
        // alert(codUpdate);

        setControls();





    }


    function isDecimalKey(evt) {
        if (!(evt.keyCode == 46 || (evt.keyCode >= 48 && evt.keyCode <= 57))) return false;
        var parts = evt.srcElement.value.split('.');
        if (parts.length > 2) return false;
        if (evt.keyCode == 46) return (parts.length == 1);
        if (parts[0].length >= 13) return false;
        if (parts.length == 2 && parts[1].length >= 2) return false;
    }


</script>
<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/calendar.css" rel="stylesheet" type="text/css" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>

    <body onload="listar()">
        <center><h1>Componentes de Proyecto de Inversión</h1></center>
        <!--  action="ProgEstra.do?dispatch=loadProposito" styleId="ProgEstrForm" -->
        <html:form action="ProgEstra.do?dispatch=loadComponentes" styleId="ProgEstrForm">
            <html:hidden property="codPrograma" styleId="codPrograma" />
            <input type="hidden" id="opcion" value="1">
            <input type="hidden" id="codUpdate" value="0">
            <table>
                <tr>
                    <td>
                        Nombre del Proyecto
                    </td>
                    <td>
                        <html:text property="titu_programa" styleId="titu_programa" />
                    </td>
                </tr>
            </table>


            <table border="0"  align="center">
                <tr>
                    <td>Fuentes de Informaci&oacute;n</td>
                    <td><input type="text" name="txtFueInfFin" id="txtFueInfFin" /></td>
                </tr>
                <tr>
                    <td>Supuesto</td>
                    <td><input type="text" name="txtSupuFin" id="txtSupuFin" /></td>
                </tr>
                <tr>
                    <td>Presupuesto</td>
                    <td>
                        <html:text  property="montot" styleId="montot" onkeypress="return isDecimalKey(event);" />
                    <br>
                            <label style="color: red ">El monto no debe de pasar de 12 digitos enteros y  2 decimales.</label>
                    
                    </td>


                  </tr>

                
                </table>
                    <div id="divTabla">
                        </div>
                    </html:form>
    </body>
</html>

